/*********************************
	ERIC MEYER'S RESET (Adapted)
*********************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1.5; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*********************************
	GRID
*********************************/
html { height: 100%; }

body { }

section.main { }

.container, .table {
	display: table;
}
.row, .tr {
	display: table-row;
}
.column, .th, .td {
	display: table-cell;
	vertical-align: top;
}

.span1 { width: 30px; }
.span2 { width: 60px; }
.span3 { width: 90px; }
.span4 { width: 120px; }
.span5 { width: 150px; }
.span6 { width: 180px; }
.span7 { width: 210px; }
.span8 { width: 240px; }
.span9 { width: 270px; }
.span10 { width: 300px; }
.span11 { width: 330px; }
.span12 { width: 360px; }
.span13 { width: 390px; }
.span14 { width: 420px; }
.span15 { width: 450px; }
.span16 { width: 480px; }
.span17 { width: 510px; }
.span18 { width: 540px; }
.span29 { width: 570px; }
.span20 { width: 600px; }
.span21 { width: 630px; }
.span22 { width: 660px; }
.span23 { width: 690px; }
.span24 { width: 720px; }
.span25 { width: 750px; }
.span26 { width: 780px; }
.span27 { width: 810px; }
.span28 { width: 840px; }
.span29 { width: 870px; }
.span30 { width: 900px; }
.span31 { width: 930px; }
.span32 { width: 960px; }

.prepend1 { padding-left: 30px; }
.prepend2 { padding-left: 60px; }
.prepend3 { padding-left: 90px; }
.prepend4 { padding-left: 120px; }

.append1 { padding-right: 30px; }
.append2 { padding-right: 60px; }
.append3 { padding-right: 90px; }
.append4 { padding-right: 120px; }

.prepend-top1 { padding-top: .75em; }
.prepend-top2 { padding-top: 1.5em; }
.prepend-top3 { padding-top: 2.25em; }
.prepend-top4 { padding-top: 3em; }

.append-bottom1 { padding-bottom: .75em; }
.append-bottom2 { padding-bottom: 1.5em; }
.append-bottom3 { padding-bottom: 2.25em; }
.append-bottom4 { padding-bottom: 3em; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }



/*********************************
	FONTS
*********************************/
body { font: normal normal normal 14px/1.5 "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }




/*********************************
	GENERIC STYLES
*********************************/
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.float-left { float: left; }
.float-right { float: right; }

.nowrap { white-space: nowrap; }
.fullsize, .fullwidth {	width: 100%; }



/*********************************
	LINKS
*********************************/
a.remote:before {            /* remote urls */
	content: '→';
	margin-right: .5em;
	text-decoration: none;
}



/*********************************
	FORMS
*********************************/

input[type="text"] { font-size: 1em; }

input[size='1'] { width: .75em; }
input[size='2'] { width: 1.5em; }
input[size='3'] { width: 2.25em; }
input[size='4'] { width: 3em; }
input[size='5'] { width: 3.75em; }
input[size='6'] { width: 4.5em; }
input[size='7'] { width: 5.25em; }
input[size='8'] { width: 6em; }
input[size='9'] { width: 6.75em; }
input[size='10'] { width: 7.5em; }
input[size='11'] { width: 8.25em; }
input[size='12'] { width: 9em; }
input[size='13'] { width: 9.75em; }
input[size='14'] { width: 10.5em; }
input[size='15'] { width: 11.25em; }
input[size='16'] { width: 12em; }
input[size='17'] { width: 12.75em; }
input[size='18'] { width: 13.5em; }
input[size='19'] { width: 14.25em; }
input[size='20'] { width: 15em; }
input[size='21'] { width: 15.75em; }
input[size='22'] { width: 16.5em; }
input[size='23'] { width: 17.25; }
input[size='24'] { width: 18em; }
input[size='25'] { width: 18.75em; }
input[size='26'] { width: 19.5em; }
input[size='27'] { width: 20.25em; }
input[size='28'] { width: 21em; }
input[size='29'] { width: 21.75em; }
input[size='30'] { width: 22.5em; }
input[size='31'] { width: 23.25em; }
input[size='32'] { width: 24em; }
input[size='33'] { width: 24.75em; }
input[size='34'] { width: 25.5em; }
input[size='35'] { width: 26.25em; }
input[size='36'] { width: 27em; }
input[size='37'] { width: 27.75em; }
input[size='38'] { width: 28.5em; }
input[size='39'] { width: 29.25em; }
input[size='40'] { width: 30em; }


